<template>
	<view>
        <view class="rate-item">
            <view class="title">一般用法</view>
            <jk-rate v-model="value"></jk-rate>
        </view>
		<view class="rate-item">
		    <view class="title">改变星星的大小</view>
		    <jk-rate v-model="value1" :size="size"></jk-rate>
		</view>
        <view class="rate-item">
            <view class="title">只读</view>
            <jk-rate v-model="value1" :size="size" disabled></jk-rate>
        </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: 1,
                value1: 1,
                value2: 2,
                color: 'hotpink',
                size: 26
			};
		},
	}
</script>

<style lang="scss">
    .rate-item{
        padding: 10px;
        .title{
            font-size: 14px;
        }
    }
    
</style>
